<template>
    <div>
        <el-tabs type="" @tab-click="handleTabClick" shadow="never" style="padding:20px ;">
            <el-tab-pane label="排班管理">
                <div v-if="currentTab === '排班管理'">
                    <schedulingPage></schedulingPage>
                </div>
            </el-tab-pane>
            <el-tab-pane label="治疗师管理" :lazy="true">
                <doctorPage></doctorPage>
            </el-tab-pane>
            <el-tab-pane label="治疗设备管理" :lazy="true">
                <devicePage></devicePage>
            </el-tab-pane>
            <el-tab-pane label="治疗室管理" :lazy="true">
                <roomPage></roomPage>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import doctorPage from "../doctorManagement/index.vue"
import devicePage from "../deviceManagement/index.vue"
import roomPage from "../roomManagement/index.vue"
import schedulingPage from "../schedulingComp/index.vue"
export default {
    name: 'Doctorscheduling',
    components: {
        doctorPage, devicePage, roomPage,schedulingPage
    },
    data() {
        return {
            currentTab: '排班管理',//tab:排班管理、治疗师管理、治疗设备管理
        }
    },
    methods: {
        //点击顶部tab
        handleTabClick(tab) {
            this.currentTab = tab.label;
        },
    },
    mounted() {}
};

</script>
<style lang="scss" scoped>
</style>
